<template>
	<view class="mainbgc" @click="hidefalse">
		<header-top :messageInfo="{typeFlag:true,message:'销售单',liner:false}">
			<view class="rightmsg" slot="rightmsg">
				<view class="rightmsg_content flexleft">
					<!-- <view class="nostrongtext margin_right" @click="submit">提交</view> -->
					<view class="diandiandian" @click.stop="dian">
						<view class="selectcontent" v-show="selectshow">
							<!-- <view class="topbox">
								<view class="flexleft itemselect" @click.stop="lishidanju">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/lishidanj.png" mode=""></image>
									</view>
									<view>历史单据</view>
								</view>
							</view> -->
							<view class="topbox">
								<view class="flexleft itemselect" @click.stop="qingkong">
									<view class="leftimage margin_right">
										<image src="../../../static/image/system/shanchu.png" mode=""></image>
									</view>
									<view>清空单据</view>
								</view>
							</view>
							<view class="sanjiao"></view>
						</view>
					</view>
				</view>
			</view>
		</header-top>
		<!-- 顶部按钮 及单位内容-->
		<view class="margin_top mainpadding ffffff">
			<view class="flexbetween">
				<view :class="dataAll.custom_name?'lansebtn allbtn':'allbtn huisebtn'"
					@click="selectRole('/pages/workbench/jiben/kehuda?type=1',1)">
					{{dataAll.custom_name || '客户名称'}}
				</view>
				<view :class="dataAll.warehouse_name?'lansebtn allbtn':'allbtn huisebtn'"
					@click="selectRole('/pages/workbench/jiben/cangkuda?type=1')">
					{{dataAll.warehouse_name || '选择仓库'}}
				</view>
				<view v-if="dataAll.ps_type==2" :class="dataAll.send_staff_name?'lansebtn allbtn':'allbtn huisebtn'"
					@click="selectRole('/pages/workbench/jiben/yuangongda?type=1')">
					{{dataAll.send_staff_name || '选择送货员'}}
				</view>
			</view>
			<template v-if="dataAll.custom_name">
				<view class="flexbetween margin_top">
					<view class="strongtext">客户：{{dataAll.custom_name}}</view>
				</view>
				<view class="flexbetween">
					<view class="flexleft margin_top" @click="phone(dataAll.custom_data.mobile)">
						<view class="nostrongtext ">姓名：{{dataAll.custom_data.username}}</view>
						<view class="littleblue"></view>
					</view>
					<view class="nostrongtext margin_top">{{dataAll.custom_data.customlevel.name}}</view>
				</view>
				<view class="flexbetween">
					<view class="nostrongtext margin_top">
						地址：{{dataAll.custom_data.cityinfo}}{{dataAll.custom_data.address}}</view>
					<view class="nostrongtext margin_top" style="min-width: 80rpx;color: #ffa126;"
						v-if="dataAll.custom_data.is_df==1">
						到付</view>
				</view>
				<view class="flexbetween margin_top">
					<view class="nostrongtext">{{dataAll.purchase_code}}</view>
					<view class="nostrongtext">{{dataAll.settlementtype_name || ""}}</view>
				</view>
				<view class="flexleft margin_top">
					<view class="lansetext margin_right">
						总欠款：<text class="xiaohong">{{dataAll.custom_data.qk_price || 0}}</text>
					</view>
					<view class="lansetext">
						余额：<text class="xiaolv">{{dataAll.custom_data.money || 0}}</text>
					</view>
					<!-- <view class="lansetext" @click="yushoukuan">
						预收款：<text class="xiaolv">{{dataAll.custom_data.money || 0}}</text>
					</view> -->
				</view>
			</template>

		</view>
		<!-- 商品信息 -->
		<template v-if="dataAll.data">
			<view class=" margin_top shangpinxix ffffff" v-if="dataAll.data.length!=0">
				<view class="flexbetween">
					<view class="titletext flex2">商品名称</view>
					<view class="titletext flex2s">规格</view>
					<view class="titletext flex1s">数量</view>
					<view class="titletext flex1s">单价</view>
				</view>
				<view class="shangpinbox" v-for="(item,index) in dataAll.data" :key="index" @click="xgdjmx(item,index)">
					<view class="flexbetween margin_top">
						<view class="nostrongtext flex2">{{item.goodsinfo.name}}
							<text style="color: #ff0000;" v-if="item.type==2">(退货)</text>
							<text style="color: #0BBDCB;" v-if="item.goods_type==2">(促销商品)</text>
							<text style="color: #ffa126;" v-if="item.goods_type==3">(促销赠品)</text>
						</view>
						<view class="nostrongtext flex2s" :style="{color:item.type==2?'#ff0000':''}">
							{{item.goods_sku_name}}
						</view>
						<view class="strongtext flex1s" :style="{color:item.type==2?'#ff0000':''}">
							*{{item.type==2?'-':''}}{{item.num}}</view>
						<view class="strongtext flex1s" :style="{color:item.type==2?'#ff0000':''}">{{item.price}}</view>
					</view>
					<view class="flexbetween margin_top" v-show="item.goods_type==1 && item.notes">
						<view class="huisetext">备注：{{item.notes}}</view>
					</view>
					<!-- 赠品信息，商品类型不得为退货状态且包含赠品数量 -->
					<view class="flexbetween margin_top" v-show="item.type!=2 && item.send_num">
						<view class="huisetext flex2" style="color: #ffa126 ;"><text
								v-if="item.send_notes">赠品备注：{{item.send_notes}}</text></view>
						<view class="nostrongtext flex2s" style="color: #ffa126 ;">{{item.goods_sku_name}}</view>
						<view class="strongtext flex1s" style="color: #ffa126 ;">*{{item.send_num}}</view>
						<view class="strongtext flex1s" style="color: #ffa126 ;">赠品</view>
					</view>
				</view>
				<view class="flexbetween paddingsx">
					<view class="littlesmall">合计：</view>
					<view class="littlesmall">
						销：{{hejiAll.x_goods_zl_num}}种({{Number(hejiAll.x_goods_num) + Number(hejiAll.x_goods_sendnum)}}件){{Number(hejiAll.x_goods_sendnum)?"含赠品":""}}
						<text v-show="hejiAll.t_goods_zl_num">/退：
							<text style="color: #ff0000;">{{hejiAll.t_goods_zl_num}}</text>种
							<text style="color: #ff0000;">({{hejiAll.t_goods_num}})</text></text>
					</view>
					<view class="littlesmall" style="color: #0BCB41;">{{hejiAll.x_total_goods_price}}元</view>
				</view>
			</view>
		</template>

		<view class="mainpadding_top ffffff flexbetween">
			<view class="strongtext" style="min-width: 320rpx;">配送方式（送货）</view>
			<!-- <u-radio-group style="flex: 0;" v-model="dataAll.ps_type" placement="row" circle>
				<u-radio activeColor="#0BBDCB" :customStyle="{marginRight: '30rpx'}" label="自提" :name="1"></u-radio>
				<u-radio activeColor="#0BBDCB" label="配送" :name="2"></u-radio>
			</u-radio-group> -->
			<view class="flexright">
				<view class="flexright margin_right" @click="dataAll.ps_type=1">
					<u-icon name="checkmark-circle-fill" :color="dataAll.ps_type==1?'#0BBDCB':'#999'" size="20"></u-icon>
					<view class="strongtext">自提</view>
				</view>
				<view class="flexright" @click="dataAll.ps_type=2">
					<u-icon name="checkmark-circle-fill" :color="dataAll.ps_type==2?'#0BBDCB':'#999'" size="20"></u-icon>
					<view class="strongtext">配送</view>
				</view>
			</view>
		</view>
		<view class="mainpadding_top ffffff flexbetween">
			<view class="strongtext" style="min-width: 320rpx;">是否开具发票</view>
			<!-- <u-radio-group v-model="dataAll.kjfp_type" placement="row" circle style="flex: 0;">
				<u-radio activeColor="#0BBDCB" :customStyle="{marginRight: '30rpx'}" label="是" name="1"></u-radio>
				<u-radio activeColor="#0BBDCB" label="否" name="2"></u-radio>
			</u-radio-group> -->
			<view class="flexright">
				<view class="flexright margin_right" @click="dataAll.kjfp_type=1">
					<u-icon name="checkmark-circle-fill" :color="dataAll.kjfp_type==1?'#0BBDCB':'#999'" size="20"></u-icon>
					<view class="strongtext">是</view>
				</view>
				<view class="flexright" @click="dataAll.kjfp_type=2">
					<u-icon name="checkmark-circle-fill" :color="dataAll.kjfp_type==2?'#0BBDCB':'#999'" size="20"></u-icon>
					<view class="strongtext">否</view>
				</view>
			</view>
		</view>
		<view class="mainpadding_top ffffff flexbetween" v-if="this.dataAll.data.length">
			<view class="strongtext" style="min-width: 320rpx;">优惠</view>
			<input type="number" style="text-align: center;" placeholder="请输入" v-model="dataAll.discount_price">
		</view>
		<view class="mainpadding_top ffffff flexbetween" v-show="dataAll.ps_type==2 && this.dataAll.data.length">
			<view class="strongtext" style="min-width: 320rpx;">运费</view>
			<input type="number" style="text-align: center;" placeholder="请输入" v-model="dataAll.yf_price">
		</view>
		<view class="mainpadding_top ffffff flexbetween" @click="timeshow=true;timetype=1">
			<view class="strongtext" style="min-width: 320rpx;">交货开始日期</view>
			<input type="text" style="text-align: right;" placeholder="点击选择" disabled="" v-model="dataAll.jh_time">
		</view>
		<view class="mainpadding_top ffffff flexbetween" @click="timeshow=true;timetype=2">
			<view class="strongtext" style="min-width: 320rpx;">交货截至日期</view>
			<input type="text" style="text-align: right;" placeholder="点击选择" disabled="" v-model="dataAll.jh_endtime">
		</view>
		<view style="padding-bottom: 150rpx;">
			<view class="ffffff mainpadding_top">
				<view class="titletext">备注</view>
				<textarea class="textarea mainpadding radius margin_top" placeholder="请输入销售单备注"
					v-model="dataAll.notes"></textarea>
			</view>
			<!-- 合计钱数 -->
			<view class="heji mainpadding2 " v-if="dataAll.data.length!=0">
				<view class="flexleft margin_top">
					<view class="smalltext xiaoshou">销售:
						<text style="color: #0BBDCB;">{{ Number(hejiAll.x_total_goods_price)}}元</text>
					</view>
					<view class="smalltext xiaoshou" v-show="dataAll.discount_price">优惠:
						<text class="lvse">{{dataAll.discount_price}}元</text>
					</view>
					<view class="smalltext xiaoshou" v-show="dataAll.yf_price">运费:
						<text class="lvse">{{dataAll.yf_price}}元</text>
					</view>
					<view class="smalltext xiaoshou" v-show="dataAll.x_total_score">积分:
						<text class="lvse">{{hejiAll.x_total_score}}</text>
					</view>
					<view class="smalltext">退货:
						<text class="hongse">{{hejiAll.t_total_price}}元</text>
					</view>
				</view>
				<view class="smalltext margin_top lvse xiaoshou">
					合计:{{ Number(hejiAll.x_total_goods_price) - Number(dataAll.discount_price) + Number(dataAll.yf_price)}}元
				</view>
			</view>
			<view class="mainpadding2">
				<view class="surebtns" @click="submit">提交订单</view>
			</view>
		</view>

		<view class="ffffff dibu flexbetween">
			<view class="shuruk flexbetween">
				<input type="text" class="inputs" disabled="" placeholder="输入商品首拼/编号" disabled @click="tianjia(1)">
				<view class="tianjia" @click="tianjia(2)">添加</view>
			</view>
			<view class="flexleft">
				<view class="scan2" @click="scanbarCode()"></view>
			</view>
		</view>
		<moDal :message="{modalShow:modal.modalShow,title:modal.title}" @modalSure="modalSure"></moDal><!-- 模态框 -->
		<u-datetime-picker :show="timeshow" mode="datetime" v-model="value1" title="选择交货日期" @confirm="timersure"
			@cancel="timeshow=false">
		</u-datetime-picker>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				selectshow: false,
				timeshow: false,
				value1: Number(new Date()),
				dataAll: {
					discount_price: "", //优惠金额
					warehouse_id: "", //仓库ID
					warehouse_name: "", //仓库名称
					custom_id: "", //客户ID
					custom_name: "", //客户名称
					custom_data: {}, //客户数据信息
					send_staff_id: "", //送货员ID
					send_staff_name: "", //送货员名称
					yf_price: "", //运费
					ps_type: "1", //配送方式
					kjfp_type: "1", //是否开具发票
					notes: "", //备注
					jh_time: "",
					jh_endtime: "",
					custom_visit_id: "",
					data: [],
				},
				hejiAll: {},
				// 模态框
				modal: {
					modalShow: false,
					title: "",
				},
				bfFlag: false,
				wfxzflag: true,
				timetype: 1,
				clearremove: false,
			}
		},
		onLoad(options) {
			if (options.data) { //拜访数据进入
				let data = JSON.parse(decodeURIComponent(options.data));
				this.dataAll.custom_id = data.id
				this.dataAll.custom_name = data.name
				this.dataAll.custom_data = data.data
				this.dataAll.custom_visit_id = data.custom_visit_id
				this.bfFlag = true
				this.refreshmsg()
			}
		},
		onShow() {
			uni.$off("ckSelectFn")
			uni.$on("ckSelectFn", data => {
				this.wfxzflag = false
				this.dataAll.warehouse_id = data.id
				this.dataAll.warehouse_name = data.name
				return false
			})
			uni.$off('khSelectFn');
			uni.$on('khSelectFn', (data) => {
				this.wfxzflag = false
				this.dataAll.custom_id = data.id
				this.dataAll.custom_name = data.name
				this.dataAll.custom_data = data.data
				return false
			})
			uni.$off('ygSelectFn');
			uni.$on('ygSelectFn', (data) => {
				this.wfxzflag = false
				this.dataAll.send_staff_id = data.id
				this.dataAll.send_staff_name = data.name
				return false
			})
			if (this.wfxzflag && uni.getStorageSync("xiaoshoudanInfo")) {
				this.dataAll = JSON.parse(uni.getStorageSync("xiaoshoudanInfo"))
				this.init()
			} else {
				this.wfxzflag = true
			}
		},
		watch: {
			dataAll: {
				deep: true,
				handler(newval) {
					if (this.hejiAll) {
						this.dataAll.yf_price = this.dataAll.ps_type == 2 ? this.dataAll.yf_price : ""
					}
					this.refreshmsg()
				}
			}
		},
		onUnload() {
			let total_price = Number(this.hejiAll.x_total_goods_price) - Number(this.dataAll.discount_price) +
				Number(this.dataAll.yf_price)
			if (total_price < 0) {
				this.dataAll.discount_price = ""
			}
			if (!this.clearremove) {
				this.refreshmsg()
			}
		},
		methods: {
			scanbarCode() {
				let that = this
				if (that.dataAll.custom_id == "") {
					httpRequest.toast("请选择客户")
					return false
				}
				if (that.dataAll.warehouse_id == "") {
					httpRequest.toast("请选择仓库")
					return false
				}
				if (that.dataAll.ps_type == 2 && this.dataAll.send_staff_id == "") {
					httpRequest.toast("请选择送货员")
					return false
				}
				// 允许从相机和相册扫码
				uni.scanCode({
					success: function(res) {
						// console.log('条码类型：' + res.scanType);
						// console.log('条码内容：' + res.result);
						let data = {
							type: 3, //销售单
							warehouse_id: that.dataAll.warehouse_id,
							custom_id: that.dataAll.custom_id,
							keyword: res.result,
						}
						uni.navigateTo({
							url: '/pages/workbench/xiaoshou/tianjspxsdd?getmsg=' + encodeURIComponent(
								JSON.stringify(
									data))
						})
					},
					fail(err) {
						console.log('错误信息：' + err);
					}
				});

			},
			selectRole(url, val) {
				if (val == 1 && this.bfFlag) {
					httpRequest.toast("当前数据为拜访数据，不可选择客户！")
					return false
				}
				uni.navigateTo({
					url
				})
			},
			init() {
				let data = JSON.parse(JSON.stringify(this.dataAll.data))
				data.forEach(item => {
					delete item.goodsinfo
					delete item.goods_sku_name
				})
				let xiaoshoudanInfo = {
					discount_price: 0,
					warehouse_id: this.dataAll.warehouse_id,
					custom_id: this.dataAll.custom_id,
					yf_price: this.dataAll.yf_price,
					send_staff_id: this.dataAll.send_staff_id,
					ps_type: this.dataAll.ps_type,
					data,
				}
				httpRequest.request('/dhtapi/Saleorder/sure', 'POST', xiaoshoudanInfo, false, false, true).then(res => {
					if (res.code == 1) {
						this.hejiAll = res.data
					}
				}).catch(err => {})
			},
			// 数据刷新
			refreshmsg() {
				let _this = this
				uni.setStorageSync('xiaoshoudanInfo', JSON.stringify(this.dataAll))
			},
			//跳转修改单据明细
			xgdjmx(item, index) {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
				let obj = {
					type: 3,
					item,
					index,
					warehouse_id: this.dataAll.warehouse_id
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/xiugaidjmx?msg=' + encodeURIComponent(JSON.stringify(obj))
				})
			},
			timersure(e) {
				this.timeshow = false
				if (this.timetype == 1) {
					this.dataAll.jh_time = httpRequest.timereturn(e.value)

				} else {

					this.dataAll.jh_endtime = httpRequest.timereturn(e.value)
				}
			},
			//跳转历史单据
			lishidanju() {
				if (this.kehu.id == "") {
					httpRequest.toast('请选择客户')
					return false
				}
				let obj = {
					kh_id: this.kehu.id,
					type: 0 //0,销售单
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/lishidanju?msg=' + encodeURIComponent(JSON.stringify(obj))
				})
			},

			// 提交单据
			submit() {
				let _this = this
				if (this.dataAll.custom_id == "") {
					httpRequest.toast("请选择客户")
					return false
				}
				if (this.dataAll.warehouse_id == "") {
					httpRequest.toast("请选择仓库")
					return false
				}
				if (this.send_staff_id == "" && this.dataAll.ps_type == 2) {
					httpRequest.toast("请选择送货员")
					return false
				}
				if (!this.dataAll.data.length) {
					httpRequest.toast("请添加商品")
					return false
				}
				let total_price = Number(this.hejiAll.x_total_goods_price) - Number(this.dataAll.discount_price) +
					Number(this.dataAll.yf_price)
				if (total_price < 0) {
					httpRequest.toast("您的当前单据输入金额已超过总金额，请核查！")
					return false
				}
				if (Number(this.dataAll.custom_data.xyed_price) != 0 && Number(this.dataAll.custom_data.xyed_price) <
					Number(this.dataAll.custom_data.qk_price)) {
					this.modal.modalShow = true
					this.modal.title = "已超信用额度，请关注！！！"
					return false
				}
				this.submitend()
			},
			submitend() {
				let _this = this
				let data = JSON.parse(JSON.stringify(this.dataAll.data))
				data.forEach(item => {
					delete item.goodsinfo
					delete item.goods_sku_name
				})
				let xiaoshoudanInfo = {
					discount_price: this.dataAll.discount_price,
					warehouse_id: this.dataAll.warehouse_id,
					custom_id: this.dataAll.custom_id,
					notes: this.dataAll.notes,
					ps_type: this.dataAll.ps_type,
					kjfp_type: this.dataAll.kjfp_type,
					yf_price: this.dataAll.yf_price,
					jh_time: this.dataAll.jh_time,
					jh_endtime: this.dataAll.jh_endtime,
					send_staff_id: this.dataAll.send_staff_id,
					custom_visit_id: this.bfFlag ? this.dataAll.custom_visit_id : "",
					data,
				}
				httpRequest.request('/dhtapi/Saleorder/addSaleOrder', 'POST', xiaoshoudanInfo, false, false, true)
					.then(res => {
						httpRequest.toast(res.msg)
						if (res.code == 1) {
							this.dataAll.data = []
							this.dataAll.jh_time = ""
							this.dataAll.jh_endtime = ""
							this.dataAll.custom_visit_id = ""
							this.dataAll.discount_price = ""
							this.dataAll.notes = ""
							this.dataAll.yf_price = ""
							this.refreshmsg()
							if (this.hejiAll.x_goods_zl_num && this.dataAll.custom_data.is_df != 1) {
								setTimeout(function() {
									_this.payOrder(res.data.id, 38)
								}, 500)
							} else {
								setTimeout(function() {
									uni.navigateBack(1)
								}, 500)
							}

						}
					}).catch(err => {
						httpRequest.toast(err.msg);
					})
			},
			payOrder(id, qxpdid) {
				console.log(777);
				if (!httpRequest.qxpdzf(qxpdid, this.$store.state.userInfo.ability_rule_ids)) {
					uni.navigateBack(1)
					return false
				}
				console.log(888);
				uni.redirectTo({
					url: "/pages/workbench/xiaoshou/qianshouzf?id=" + id
				})
			},
			phone(p) {
				uni.makePhoneCall({
					phoneNumber: p.toString()
				}).catch((e) => {
					// console.log(e)  //用catch(e)来捕获错误{makePhoneCall:fail cancel}
				})
			},
			dian() {
				this.selectshow = this.selectshow == false ? true : false
			},
			hidefalse() {
				if (this.selectshow == true) {
					this.selectshow = false
					return
				}
			},
			// 跳转销售单-预售款金额
			yushoukuan() {
				let data = {
					customers_id: this.dataAll.customers_id
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/xiaoshoudanxskje?msg=' + encodeURIComponent(JSON.stringify(
						data))
				})
			},
			//跳转添加商品页面
			tianjia(value) {
				if (this.dataAll.custom_id == "") {
					httpRequest.toast("请选择客户")
					return false
				}
				if (this.dataAll.warehouse_id == "") {
					httpRequest.toast("请选择仓库")
					return false
				}
				if (this.dataAll.ps_type == 2 && this.dataAll.send_staff_id == "") {
					httpRequest.toast("请选择送货员")
					return false
				}
				let data = {
					type: 3, //销售单
					warehouse_id: this.dataAll.warehouse_id,
					custom_id: this.dataAll.custom_id,
					keyword: "",
				}
				uni.navigateTo({
					url: '/pages/workbench/xiaoshou/tianjspxsdd?getmsg=' + encodeURIComponent(JSON.stringify(
						data))
				})
			},
			qingkong() {
				this.selectshow = false
				this.modal.modalShow = true
				this.modal.title = "确认清空单据？"
			},
			modalSure() {
				this.modal.modalShow = false
				if (this.modal.title == "确认清空单据？") {
					this.clearremove = true
					uni.setStorageSync('xiaoshoudanInfo', "")
					// uni.removeStorageSync('xiaoshoudanInfo')
					httpRequest.toast("清除成功")
					// return false
					setTimeout(function() {
						uni.navigateBack(1)
					}, 500)
				} else if (this.modal.title == "已超信用额度，请关注！！！") {
					this.submitend()
				}
			},
		}
	}
</script>

<style lang="scss" scoped>
	/deep/.u-modal__title {
		color: #ff0000 !important;
	}

	.textarea {
		box-sizing: border-box;
		width: 100%;
		background-color: #F8F8F8;
		height: 180rpx;
	}

	.duihao {
		position: absolute;
		left: 0;
		background-image: url('@/static/image/system/duihao.png');
		width: 30rpx;
		height: 30rpx;
		background-size: 100% 100%;
	}

	.lansetextwbk {
		font-size: 28rpx;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #0BBDCB;
		padding-right: 30rpx;
	}

	.juzhong {
		text-align: center;
	}

	.xiabiakuang {
		position: relative;
		padding-bottom: 30rpx;
		border-bottom: 2rpx solid rgba(153, 153, 153, .1);
		min-width: 500rpx;
	}

	// /deep/.u-popup__content {
	// 	width: 85%;
	// }

	// .fangan {
	// 	overflow: auto;
	// 	height: 800rpx;
	// }

	.zhengds {
		padding: 40rpx;
	}

	.shurudh {
		border-radius: 24rpx;
		height: 60rpx;
		font-size: 30rpx;
		width: 460rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
		background: rgba(217, 217, 217, .2);
		text-align: center;
	}

	.btns {
		width: 198rpx;
		height: 62rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
	}

	.btn2 {
		color: #FFFFFF;
		background: #0BBDCB;
		border-radius: 74rpx;
		margin-left: 30rpx;
	}

	.btn1 {
		border: 1rpx solid #0BBDCB;
		color: #0BBDCB;
		background: #FFFFFF;
		border-radius: 74rpx;
	}
</style>
<style lang="scss" scoped>
	/deep/.u-radio-group {
		flex: none !important;
	}

	.yuyin {
		margin-left: 16rpx;
	}

	.dibu {

		width: 100%;

		padding: 30rpx 30rpx;

		position: fixed;

		z-index: 1000;

		bottom: 0;

		left: 0;

		box-sizing: border-box;

	}

	.shuruk {
		width: 90%;
		background: rgba(217, 217, 217, .2);
		border-radius: 74rpx;
	}

	.inputs {
		height: 62rpx;
		width: 70%;
		font-size: 28rpx;
		padding-left: 44rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.tianjia {
		height: 62rpx;
		width: 136rpx;
		background: rgba(11, 189, 203, .1);
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #0BBDCB;
		border-radius: 98px 98px 98px 98px;
	}

	.paddingsx {
		padding: 30rpx 0;
	}

	.xiaoshou {
		margin-right: 30rpx;
	}

	.hongse {
		color: #FF0000;
	}

	.lvse {
		color: #00B855;
	}

	.smalltext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #000000;
	}

	.shangpinxix {
		padding: 30rpx 30rpx 0;
	}

	.shangpinbox {
		padding-bottom: 30rpx;
		border-bottom: 2rpx solid rgba(153, 153, 153, 0.05);
	}

	.huisetext {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.jine {
		font-size: 24rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #00B855;
		padding-right: 30rpx;
	}

	.flex1s {
		flex: 1;
		text-align: center !important;
	}

	.flex2 {
		flex: 2;
	}

	.flex2s {
		flex: 2;
		text-align: center;
	}

	.flex1 {
		flex: 1;
		text-align: right;
	}

	.lansetext {
		font-size: 24rpx;
		// text-decoration: underline #0BBDCB;
		font-family: PingFang SC-Bold, PingFang SC;
		font-weight: bold;
		color: #0BBDCB;
	}

	.allbtn {
		width: 218rpx;
		height: 52rpx;
		border-radius: 50rpx;
		font-size: 24rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
	}

	.lansebtn {
		color: #0BBDCB;
		background: rgba(11, 189, 203, .1);
	}

	.huisebtn {
		color: #999999;
		background: rgba(153, 153, 153, .1);
	}

	// 定位点点点
	.diandiandian {
		position: relative;
	}

	.selectcontent {
		position: absolute;
		top: 50rpx;
		right: -6rpx;
		min-width: 250rpx;
		mix-width: 250rpx;
		text-align: center;
		background-color: rgba(11, 189, 203, 0.8);
		border-radius: 10rpx;
		font-size: 28rpx;
		font-family: PingFang SC-Medium, PingFang SC;
		font-weight: 500;
		color: #fff;
		word-wrap: break-word;
	}

	.sanjiao {
		position: absolute;
		top: -12rpx;
		right: 8rpx;
		background-image: url("@/static/image/system/sanjiao2.png");
		width: 40rpx;
		height: 12rpx;
		background-size: 100% 100%;
	}

	.leftimage {
		width: 34rpx;
		height: 34rpx;

		image {
			width: 100%;
			height: 100%;
		}
	}

	.itemselect {
		padding: 20rpx 30rpx;
	}

	.littlesmall {
		font-size: 28rpx;
		font-weight: bold;
	}
</style>